{% extends "layouts/layout.html" %}

{% block header %}
  <div class="bg-dark text-light">
    <div class="container text-center py-5 mb-4">
      <img src="{{ url_for('static', filename='img/logo.png') }}" class="w-100" style="max-width:120px;" />
      <div class="mt-3 mb-4">
        <h1 class="h1 mb-0">{% block title %}{% endblock %}</h1>
        <h2 class="h4 font-weight-light text-gray-light">{% block subtitle %}{% endblock %}</h2>
      </div>
      <a class="btn btn-outline-light" href="https://developer.github.com/v3/">Check GitHub API</a>
    </div>
  </div>
{% endblock %}

{% block content %}
  <div class="container py-5 my-5" style="max-width: 980px;">
    {% block container %}{% endblock %}
  </div>
{% endblock %}
